<template>
  <div class="scroll-wrapper" ref='wrapper'>
    <div class="scroll-content">
      <cur-city></cur-city>
      <city-list></city-list>
    </div>
  </div>
</template>

<script>
  import BScroll from 'better-scroll';
  import CurCity from './CityList/CurrentCity.vue';
  import CityList from './CityList/Index.vue';

  export default {
    name: 'ScrollCity',
    data: function() {
      return {
        scroll: null
      }
    },
    mounted() {
      this.scroll = new BScroll(this.$refs.wrapper, {
        click: true,
      });
    },
    components: {
      'cur-city': CurCity,
      'city-list': CityList
    }
  }
</script>

<style lang="scss" scoped="scoped">
</style>
